import cm from 'classnames'

const Index = (props) => {
  const { className, width = 12, fill = '#aaaaaa' } = props
  return (
    <svg
      xmlns="http://www.w3.org/2000/svg"
      className={cm('cursor-pointer', className)}
      fill="none"
      version="1.1"
      width={width}
      height={width}
      viewBox="0 0 12 12"
    >
      <defs>
        <clipPath id="master_svg0_838_38079">
          <rect x="0" y="0" width="12" height="12" rx="0" />
        </clipPath>
      </defs>
      <g>
        <g>
          <path
            fill={fill}
            d="M5.969861953125,11.9989C5.612138953125,11.9758,5.333251953125,11.5328,5.333251953125,11.006L5.333251953125,0.993923C5.333251953125,0.468497,5.612137953125,0.0255756,5.969861953125,0.000968931C6.3522219531249995,-0.0236378,6.666581953125,0.423626,6.666581953125,0.979448L6.666581953125,11.0204C6.666581953125,11.5763,6.3522219531249995,12.025,5.969861953125,11.9989Z"
            fillOpacity="1"
          />
        </g>
        <g>
          <path
            fill={fill}
            d="M11.0214,6.66682609375L0.978646,6.66682609375C0.437206,6.66682609375,0,6.3680160937500006,0,6.00016309375C0,5.63132609375,0.438654,5.33349609375,0.978646,5.33349609375L11.0214,5.33349609375C11.5628,5.33349609375,12,5.63231209375,12,6.00016309375C12,6.36899609375,11.5613,6.66682609375,11.0214,6.66682609375Z"
            fillOpacity="1"
          />
        </g>
      </g>
    </svg>
  )
}

export default Index
